@charset "utf-8";
/* CSS Document */
@import url(gzwm2021_reset.css);
@import url(gzwm2021_header.css);
@import url(gzwm2021_footer.css);
@import url(animate.min.css);


@font-face{ font-family: 'FZQIANGKTJW_TE'; src : url('../images/FZQIANGKTJW_TE.ttf');}
@font-face{ font-family: 'FZDYSK'; src : url('../images/FZDYSK.ttf');}


/*今日头条*/
.TheHeadlines{ min-height: 100px;}
.TheHeadlines .TextFirst{ font-size: 45px; font-weight: bold; line-height: 1.2; text-align: center;}
.TheHeadlines .TextFirst a{ display: inline-block; color: #ca0706;}
.TheHeadlines ul{ display: block; text-align: center; padding-top: 10px;}
.TheHeadlines li{ position: relative; overflow: hidden; display: inline-block; font-size: 14px; line-height: 1.8; color: #3e3a39;}
.TheHeadlines li.T{ max-width: 380px; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.TheHeadlines li a{}
.TheHeadlines li.Tit a{ color: #ca0706; font-weight: bold;}

.TheHeadlines .TextBox>a{ display: block; position: relative; overflow: hidden; font-size: 28px; line-height:1; color: #055589; font-weight: bold; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; padding: 10px 0;}
.TheHeadlines .TextBox>p{ display: block; position: relative; overflow: hidden; font-size: 16px; line-height: 1.5; text-align: justify;}
.TheHeadlines .TextBox>p a{ color: #ed2b25;}



/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height: 1.3; background: url(gzwm2021_home_ico_7.png) no-repeat 2px center; font-size: 16px; padding: 9px 0; padding-left: 22px; color: #222; }
.ulList li a{ display: block; float: left; max-width:80%; max-width: calc(100% - 90px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ulList li a:hover{ color: #F00; }
.ulList li span{ display: inline-block; width: 90px; float: right; text-align:right;}

.ulList.nd li a{max-width: 100%; float: none;}
.ulList.ni li{ padding-left: 0; background: none;}
.ulList.redi li{ background: url(gzwm2021_home_ico_26.png) no-repeat 2px center; }
.ulList.lg li{ line-height: 45px; *line-height: 43px; }




/* 焦点图 */
.Focus{width: 720px; height:400px;}
.Focus .pic li{overflow:hidden; position:relative; width: 720px;height: 400px; background: #FFF;}
.Focus .pic img {width: 100%; max-width: 100%; height: 400px; display: block; margin: 0 auto;}
.Focus .txt-bg {position: absolute;bottom: 0px;z-index: 1; height: 40px; width:720px; background: #000; filter:alpha(opacity=50); opacity:0.5; overflow: hidden;}
.Focus .txt {position: absolute;left: 10px;bottom: 0px;z-index: 2;height: 40px;width:570px;overflow: hidden;}
.Focus .txt li{ width:100%; height:40px; line-height:40px; position:absolute; bottom:-40px;}
.Focus .txt li a{display: block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 16px; color: white; transition:all 0.3s;}
.Focus .txt li a:hover{ color: #ca0706;}
.Focus .num { position: absolute; z-index:3; bottom:13px; right:9px; }
.Focus .num li{float:left; width:14px; height:14px; overflow:hidden; margin:0 5px; cursor:pointer; background:#FFF; transition: all 0.3s;}
.Focus .num li.on,.Focus .num li:hover{background:#c90104;}
.Focus>a{display:block;width:60px;height:150px;position:absolute;top: 125px;top: calc((400px - 150px) / 2);background:url(gzwm2021_view_arrows.png) no-repeat;cursor:pointer;opacity:0;filter: alpha(opacity=0);transition:all 0.5s;background-position-y:-170px;}
.Focus>a.prev{ left:10px;}
.Focus>a.next{ right:10px; background-position-x:-80px;}
.Focus:hover>a{ opacity:1;filter: alpha(opacity=100);}
.Focus:hover>a.prev{ left:0px;}
.Focus:hover>a.next{ right:0px;}


/*聚焦贵州*/
.JjgzBox{ width: 500px; }
.JjgzBox>.Tit{ height: 45px; padding-top: 5px; border-bottom: 1px solid #DDD;}
.JjgzBox>.Tit>a{ display: inline-block; float: left; padding: 0 13px; height: 43px; line-height: 43px; border-bottom: 3px solid #ca0706; color: #ca0706; font-weight: bold; font-size: 24px;}
.JjgzBox>.Tit>span{ float: right; font-size: 12px; margin: 10px;}
.JjgzBox>.Tit>span a{ display: inline-block; padding: 6px 10px; background-color: #ca0706; color: #FFF; position: relative; overflow: hidden; border-radius: 15px;}
.JjgzBox>.Tit>span a:hover{ background-color: #a70706;}

.JjgzBox .hr365{ height: 30px; line-height: 30px;}
.JjgzBox .hr365 a{ float: left; position: relative; overflow: hidden;}
.JjgzBox .hr365 a.Tit{ height: 30px; width: 72px; background: url(gzwm2021_home_ico_6.png) no-repeat center;}
.JjgzBox .hr365 a.t{ max-width: 418px; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 16px; color: #f21c1c; padding-left: 10px;}
.JjgzBox .hr365 a.t:hover{ text-decoration: underline;}


.Part4{ min-height: 418px;}

/*文明创建*/
.WmcjBox{ width: 830px;}
.Title{ height: 52px; border-bottom: 1px solid #DDD;}
.Title>a{ display: block; float: left; position: relative; height: 50px; border-bottom: 3px solid #ca0706; }
.Title>a>img{ padding-top: 5px; float: left;}
.Title>a>span{ display: inline-block; height: 50px;line-height: 55px; font-size: 24px; color: #333333; float: left;}
.Title>a>span.m{ position: absolute; top: 0; right: -48px; width: 40px;}
.Title>a:hover>span.m{animation-name: fadeInLeft; animation-iteration-count: infinite; }
.Title>span{ float: right; font-size: 12px; margin: 15px 5px 0 0;}
.Title>span a{ display: inline-block; padding: 6px 10px; background-color: #ca0706; color: #FFF; position: relative; overflow: hidden; border-radius: 15px;}
.Title>span a:hover{ background-color: #a70706;}

.WmcjBox .hd{ padding: 11px 0 1px; height: 40px; }
.WmcjBox .hd li{ position: relative; overflow: hidden; float: left; height: 40px; margin-left: 1px;}
.WmcjBox .hd li a{ display: block; position: relative; overflow: hidden; width: 125px; height: 36px; margin-top: 4px; font-size: 22px; font-family: 'FZQIANGKTJW_TE'; color: #FFF; text-align: center; line-height: 36px; border-top-left-radius: 8px; border-top-right-radius: 8px; transition: all 0.3s;}
.WmcjBox .hd li.btn1 a{ background-color: #cf1920;}
.WmcjBox .hd li.btn2 a{ background-color: #ff7325;}
.WmcjBox .hd li.btn3 a{ background-color: #f9bb3f;}
.WmcjBox .hd li.btn4 a{ background-color: #3dd5c5;}
.WmcjBox .hd li.btn5 a{ background-color: #108ddc;}
.WmcjBox .hd li:hover a,
.WmcjBox .hd li.on a{ margin-top: 0; padding-top: 4px;}

.WmcjBox .bd>.Con{ padding-top: 30px;}

.SmFocus{width: 450px; height:330px; margin-top: 5px;}
.SmFocus .pic li{overflow:hidden; position:relative; width: 450px;height: 330px; background: #FFF;}
.SmFocus .pic img {width: 100%; max-width: 100%; height: 330px; display: block; margin: 0 auto;}
.SmFocus .txt-bg {position: absolute;bottom: 0px;z-index: 1; height: 40px; width:450px; background: #000; filter:alpha(opacity=50); opacity:0.5; overflow: hidden;}
.SmFocus .txt {position: absolute;left: 10px;bottom: 0px;z-index: 2;height: 40px;width:430px;overflow: hidden;}
.SmFocus .txt li{ display: none; width:100%; height:40px; line-height:40px; position:absolute; bottom:0px;}
.SmFocus .txt li a{display: block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 14px; color: white; transition:all 0.3s; text-align: center;}
.SmFocus .txt li a:hover{ color: #ca0706;}
.SmFocus .txt li.on{ display: block;}
.SmFocus>a{display:block;width:24px;height:100px;position:absolute;top: 115px;top: calc((330px - 100px) / 2);background:url(gzwm2021_view_arrows.png) no-repeat;cursor:pointer;opacity:0;filter: alpha(opacity=0);transition:all 0.5s;background-position-y:-340px;}
.SmFocus>a.prev{ left:15px; background-position-x:-160px;}
.SmFocus>a.next{ right:15px; background-position-x:-210px;}
.SmFocus:hover>a{ opacity:1;filter: alpha(opacity=100);}
.SmFocus:hover>a.prev{ left:5px;}
.SmFocus:hover>a.next{ right:5px;}

.WmcjBox .news{ width: 340px;}
.WmcjBox .ulList{ padding-top: 0;}
.WmcjBox .more{ text-align: right; height: 31px;}
.WmcjBox .more a{ display: inline-block; padding: 6px 10px; background-color: #ca0706; color: #FFF; position: relative; overflow: hidden; border-radius: 15px; font-size: 12px;}
.WmcjBox .more a:hover{ background-color: #a70706;}


/*文明在行动 · 满意在贵州*/
.WmzxdBox{ width: 390px;}
.WmzxdBox .ulList{ margin-top: 20px;}




.Part5{min-height: 440px;}
.Part5 .hd{ height: 60px; margin: 13px 0 24px;}
.Part5 .hd li{ position: relative; overflow: hidden; float: left; width: 198px; height: 60px; border-radius: 12px; background-color: #f9bd3d; margin-right: 2px;}
.Part5 .hd li a{ display: block; height: 60px; line-height: 60px; text-align: center; font-size: 20px; font-family: 'FZDYSK'; *font-weight: bold; color: #FFF; letter-spacing: 3px;}
.Part5 .hd li.on{ background-color: #cf1a1e;}

.xsdFocus.SmFocus{ width: 590px; margin-top: 0;}
.xsdFocus.SmFocus .pic li,
.xsdFocus.SmFocus .pic li img,
.xsdFocus.SmFocus .txt-bg{ width: 590px;}
.xsdFocus.SmFocus .txt{ width: 570px;}

.WmsjzxSlide .bd{min-height: 280px;}
.WmsjzxSlide .news{ width: 620px;}
/*
.WmsjzxSlide .news li{ position:relative; overflow: hidden;}
.WmsjzxSlide .news li + li{ margin-top: 20px;}
.WmsjzxSlide .news li>a{ display: block; font-size: 17px; font-weight: bold; color: #ca0706; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; line-height: 1.8;}
.WmsjzxSlide .news li>a:hover{ text-decoration: underline;}
.WmsjzxSlide .news li>span{ display: block; padding-top: 8px; font-size: 12px; color: #333; line-height: 2.4; text-indent: 2em;}
*/




.Part6{ min-height: 494px;}

.ZyfwBox{ width: 630px;}
.ZyfwBox .hd{ margin-top: 39px; height: 40px;}
.ZyfwBox .hd li{ position: relative; overflow: hidden; float: left; height: 40px;}
.ZyfwBox .hd li + li{ margin-left: 1px;}
.ZyfwBox .hd li a{ display: block; position: relative; overflow: hidden; width: 125px; height: 36px; margin-top: 4px; font-size: 22px; font-family: 'FZQIANGKTJW_TE'; color: #FFF; text-align: center; line-height: 36px; border-top-left-radius: 8px; border-top-right-radius: 8px; transition: all 0.3s;}
.ZyfwBox .hd li.btn1 a{ background-color: #cf1920;}
.ZyfwBox .hd li.btn2 a{ background-color: #ff7325;}
.ZyfwBox .hd li.btn3 a{ background-color: #f9bb3f;}
.ZyfwBox .hd li.btn4 a{ background-color: #3dd5c5;}
.ZyfwBox .hd li.btn5 a{ background-color: #108ddc;}
.ZyfwBox .hd li:hover a,
.ZyfwBox .hd li.on a{ margin-top: 0; padding-top: 4px;}
.ZyfwBox .bd .ulList{ padding-top: 20px;}

.ZyqxBox{ width: 590px;}
.ZyqxFocus.SmFocus{ width: 590px; height: 290px; margin-top: 43px;}
.ZyqxFocus.SmFocus .pic li,
.ZyqxFocus.SmFocus .pic li img{ width: 590px; height: 290px;}
.ZyqxFocus.SmFocus .txt-bg{ width: 590px;}
.ZyqxFocus.SmFocus .txt{ width: 570px;}
.ZyqxFocus.SmFocus>a{ top: 95px;}

.ZyqxBox .ulList{ padding-top: 18px;}
.ZyqxBox .ulList li{ padding: 5px 0;}




.Part7{ min-height: 494px;}

.XjdxBox{ width: 590px;}
.XjdxBox .hd{ float: right; height: 38px; padding-top: 14px; margin-right: 10px;}
.XjdxBox .hd li{ position: relative; overflow: hidden; float: left; height: 38px; line-height: 38px; font-size: 17px; font-family: 'FZDYSK'; padding: 0 4px; *padding: 0 1px; color: #ca0706;}
.XjdxBox .hd li a{ display: inline-block; height: 38px; line-height: 38px; transition: all 0.3s;}
.XjdxBox .hd li.btn1 a{ color: #ff7325;}
.XjdxBox .hd li.btn2 a{ color: #f9bb3f;}
.XjdxBox .hd li.btn3 a{ color: #3dd5c5;}
.XjdxBox .hd li.btn4 a{ color: #108ddc;}
.XjdxBox .hd li.on a,
.XjdxBox .hd li:hover a{ text-shadow:0px 1px 1px #000;}

.XjdxBox .ulList{ padding-top: 18px;}
.XjdxBox .ulList li{ /*padding: 5px 0;*/}


.ZlzxBox{ width: 590px;}

.ZlzxBox .ulList{ padding: 30px 0; border-bottom: 1px dashed #070707; height: 152px;}

.ZlzxBtns{ height: 228px;}
.ZlzxBtns div{ position: relative; overflow: hidden; width: 315px; height: 71px; border-radius: 6px;}
.ZlzxBtns div a{ display: block; height: 100%;}

.ZlzxBtns div.btn1{ background: url(gzwm2021_home_ico_14.png) no-repeat center #FFF; margin-top: 29px; box-shadow:5px 5px 7px 0px #108ddc;}
.ZlzxBtns div.btn2{ width: 205px; height: 205px; margin:15px 10px 0 0; background: url(gzwm2021_home_ico_16.png) no-repeat center #FFF; box-shadow:5px 5px 7px 0px #64ad99;}
.ZlzxBtns div.btn3{ background: url(gzwm2021_home_ico_15.png) no-repeat center #FFF; margin-top: 48px; box-shadow:5px 5px 7px 0px #f9bb3f;}
.ZlzxBtns div:hover{ background-color: #f9f9f9;}





.Part8{ min-height: 790px;}

.WmcwkBox{}
.WmcwkBox .WmcwkSlideCon{ min-height: 217px; padding: 10px; background-color: #EEE; margin-top: 42px;}
.WmcwkBox .WmcwkSlideCon .bd{ padding-top: 15px;}
.WmcwkBox .WmcwkSlideCon .bd li{ position: relative; overflow: hidden; float: left; width: 306px; margin-right: 5px;}
.WmcwkBox .WmcwkSlideCon .bd li a.pic{ display: block; border: 2px solid #FFF; border-radius: 2px; position: relative; overflow: hidden;}
.WmcwkBox .WmcwkSlideCon .bd li a.pic img{ display: block; width: 100%; height: 160px;}
.WmcwkBox .WmcwkSlideCon .bd li a.txt{ display: block; text-align: center; line-height: 1.5; padding-top: 5px; font-size: 16px; color: #595757; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.WmcwkBox .WmcwkSlideCon .bd li a.txt:hover{ color: #F00; text-decoration: underline;}



.Title2{ height:75px; position: relative; text-align: center;}
.Title2 a{ display: inline-block; padding: 0 10px; padding-bottom: 33px; height: auto; text-align: center; position: relative; background-color: #FFF;}
.Title2::before{ display: block; content: ""; position: absolute; width: 60%; left: 20%; top: 25px; border-bottom: 3px solid #1b1b1b;}
.Title2 a::after{ display: block; content: ""; position: absolute; width: 46px; height: 29px; left:50%; margin-left: -23px; bottom: 0; background: url(gzwm2021_home_ico_18.png) no-repeat center;}

.WcnrBox{ width: 400px;}
.WcnrBox .ulList{ margin: 10px auto; min-height: 228px;}
.WcnrBox .more{text-align: right;height: 31px;}
.WcnrBox .more a{ display: inline-block; padding: 6px 10px; background-color: #ca0706; color: #FFF; position: relative; overflow: hidden; border-radius: 15px; font-size: 12px;}
.WcnrBox .more a:hover{ background-color: #a70706;}




.WmvgBox{ width: 380px;}
.WmvgBox .Pic{ position: relative; overflow: hidden; height: 250px; margin-top: 40px;}
.WmvgBox .Pic img{ width: 100%; height: 100%;}

.WmvgBox .ulList{ padding-top: 20px; }
.WmvgBox .ulList li{ padding: 5px 0; }

.xwlbList{ margin-top: 40px; height: 330px;}
.xwlbList li{ position: relative; overflow: hidden; border-bottom:1px dashed #c9c9c9; padding-bottom: 12px;}
.xwlbList li + li{ margin-top: 15px;}
.xwlbList li:nth-last-of-type(1){ border: none;}
.xwlbList li span{ display: block; font-size: 25px; color: #ff7325; line-height: 25px; font-family:fangsong; font-weight: bold;}
.xwlbList li a{ display: block; font-size: 18px; color: #595757; line-height: 1.5; padding: 5px 0; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.xwlbList li a:hover{ color: #F00; text-decoration: underline;}



.HrhbBox{ width: 380px;}
.HrhbBox .hd{ height: 52px; border-bottom: 1px solid #DDD;}
.HrhbBox .hd li{ position: relative; overflow: hidden; float: left; font-size: 22px; color: #333; padding: 0 2px; height: 50px; line-height: 60px;}
.HrhbBox .hd li span{ display: inline-block; height: 50px; line-height: 60px;}
.HrhbBox .hd li img{ float: right; padding-top: 10px;}
.HrhbBox .hd li.on{ border-bottom: 3px solid #ca0706;}

.HrhbBox .Con .Pic{ position: relative; overflow: hidden; height: 250px; margin-top: 40px;}
.HrhbBox .Con .Pic img{ width: 100%; height: 100%;}
.HrhbBox .Con .ulList{ padding-top: 20px; }
.HrhbBox .Con .ulList li{ padding: 5px 0; }



.Part9{}
.Part9 .Tit{ text-align: center; height: 40px; line-height: 40px;}
.Part9 .Tit::before{ content: ''; display: block; position:absolute; width: 100%; left: 0; top: 20px; border-bottom: 1px solid #DDD;}
.Part9 .Tit a{ position: relative; display: inline-block; padding: 0 15px; background-color: #FFF;}

.JwmsxwSlideCon{ height: 260px; margin-top: 30px;}
.JwmsxwSlideCon li{ position: relative; overflow: hidden; width:198px; height: 260px; margin-right: 15px;}
.JwmsxwSlideCon li img{ width: 100%; height: 100%; cursor: zoom-in;}